﻿<div id="bloc_recherche">
	<div>
		<input type="text" placeholder="Recherche..." ng-keyup="rechercher()" id="input_recherche">
	</div>
	<div>
		<fieldset>
			<legend>Options</legend>
			<div id="options_recherche_avancee">							
				<div class="option"><input type="checkbox" id="option_titre" ng-click="choixOptionsRecherche()"/>Titre</div>
				<div class="option"><input type="checkbox" id="option_description" ng-click="choixOptionsRecherche()"/>Description</div>
				<div class="option"><input type="checkbox" id="option_auteur" ng-click="choixOptionsRecherche()"/>Auteur</div>
				<div class="option"><select id="select_recherche_difficulte" ng-model="difficulteRecherche" ng-options="difficulte.intitule for difficulte in listeDifficulte" ng-change="choixOptionsRecherche()"></select></div>
				<div class="option"><select id="select_recherche_niveau" ng-model="niveauRecherche" ng-options="niveau.intitule for niveau in listeNiveau" ng-change="choixOptionsRecherche()"></select></div>
				<div class="clear"></div>					
			</div>
		</fieldset>
	</div>
</div>
<div id="bloc_resultats_recherche">
	<div class="libelle_page">Résultats de la recherche</div>
	<hr></hr>	
	<div id="resultats_recherche" class="row">
		<div ng-repeat="q in qcm" ng-switch on="($index+1)%3">
			<div class="affichage_qcm col-sm-4" ng-click="afficherQcm(q.id)">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h3 class="panel-title">{{q.titre}}</h3>
					</div>
					<div class="panel-body">
					   <span class="niveau_qcm">
							{{q.niveau}}
						</span>
						&nbsp;-&nbsp;
						<span class="difficulte_qcm">
							{{q.difficulte}}
						</span	>
						<div class="description_qcm">
							{{q.description}}
						</div>
					</div>
				</div> 				
			</div>
			<div class="clear" ng-switch-when="0"></div>
	    </div>
	</div>

	<div id="aucunResultat">
		Aucun Résultat
	</div>
</div> 